濾鏡特效
在影像處理軟體中，我們常會用濾鏡(filter)為影像加上各種不同的效果。CSS filter濾鏡效果是類似像photoshop影像處理軟體所提供的功能。透過CSS filter濾鏡效果，我們可以對網頁元素進行設定，達到特殊結果。

CSS Filters濾鏡效果，有以下幾種常用特效，分別是：

• grayscale灰階處理
  grayscale表示灰階比例，可以將網頁影像轉化成黑白。括號裡可以使用0% 到100%的百分比控制、也可以使用0至1的數字控制。0表示和原圖相同，1和100%則是沒有任何色彩的黑白影像。
• blur模糊處理
  類似像相片失焦的效果、括號裡要設定模糊的程度。數字越大，圖形越模糊，設定時要記得加上單位。例如：blur(10px)。
• sepia懷舊復古風
  影像會呈現老相片的效果，在影像上疊上一層深褐色。復古效果的比例0表示和原圖相同，1和100%則讓影像轉變成只有褐色的單色影像，呈現復古風。
• saturate調整飽和度
  調整影像的飽和度、可以讓影像看來更鮮艷。1和100%表示和原圖相同，顏色不變；小於1和100%是降低飽和度；大於1和100%則是增加飽和度。
• contrast調整對比
  對比比例。1或100%表示和原圖相同，小於1表示增加對比，大於1則是減少對比。

範例如下：